<template>
	<div>
		<el-card class="!border-none pt-4" shadow="never">
			<div class="topTitle font-bold main-color text-2xl mb-5">
				提成录入
			</div>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[150px] text-right">订单类型：</span>
						<el-select placeholder="请选择" class="flex-1 ml-[10px]">
							<el-option v-for="item in options" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</div>
				</el-col>
				<el-col :span="6" class="ml-[62px]">
					<div class="main-color v-flex">
						<span class="w-[150px] text-right">货值：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[150px] text-right">订单类型：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入">
							<template #append>USD</template>
						</el-input>
					</div>
				</el-col>
				<el-col :span="6" class="ml-[62px]">
					<div class="main-color v-flex">
						<span class="w-[150px] text-right">货值：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入">
							<template #append>USD</template>
						</el-input>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[150px] text-right">订单类型：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入">
							<template #append>USD</template>
						</el-input>
					</div>
				</el-col>
				<el-col :span="6" class="ml-[62px]">
					<div class="main-color v-flex">
						<span class="w-[150px] text-right">货值：</span>
						<el-input disabled class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[150px] text-right">大订单奖：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入">
							<template #append>USD</template>
						</el-input>
					</div>
				</el-col>
				<el-col :span="6" class="ml-[62px]">
					<div class="main-color v-flex">
						<span class="w-[150px] text-right">提成金额：</span>
						<span class="ml-[10px]">120.00 RMB</span>
					</div>
				</el-col>
			</el-row>
		</el-card>
	</div>
</template>

<script lang="ts" setup>
	const options = ref<Array<any>>([
		{
			value: '1',
			label: 'Metos/Sandvik/Extec/Symons'
		},
	])
</script>

<style>
</style>